<template>
	<view class="app" style="background-image: url(http://webfwjs.xlygrcw.com/web/img/103.png);">
		<view class="app-con">
			<text>我要投资</text>
			<view class="item-1">
				<text class="on-text">投资方名称</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name1" type="text" placeholder="请输入投资方名称" />
				</view>
			</view>
			<view class="item-title">
				项目简介
			</view>
			<view class="item-2">
				<u-input v-model="formData.name2" type="text" placeholder="请输入投资项目简介" />
			</view>
			<view class="item-3">
				<text class="on-text">产业方向</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name3" type="text" placeholder="请输入投资方名称" />
				</view>
				<view class=""><text class="iconfont icon-jiantou"></text></view>
				<view class="mark" @tap="cyShow = true"></view>
			</view>
			<view class="item-title">
				投资规模
			</view>
			<view class="item-4">
				<text>总投资额</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name4" type="text" placeholder="请输入内容" />
				</view>
				<text>万元</text>
			</view>
			<view class="item-4">
				<text>固定资产投资</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name5" type="text" placeholder="请输入内容" />
				</view>
				<text>万元</text>
			</view>
			<view class="item-4">
				<text>用地面积</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name6" type="text" placeholder="请输入内容" />
				</view>
				<text>亩</text>
			</view>
			<view class="item-4">
				<text>建筑面积</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name7" type="text" placeholder="请输入内容" />
				</view>
				<text>平方米</text>
			</view>
			<view class="item-3">
				<text class="on-text">公司所在地</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name8" type="text" placeholder="省市区选择" />
				</view>
				<view class=""><text class="iconfont icon-jiantou"></text></view>
				<view class="mark" @tap="dqShow = true"></view>
			</view>
			<view class="item-1">
				<text class="on-text">联系人</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name9" type="text" placeholder="请输入联系人" />
				</view>
			</view>
			<view class="item-1">
				<text class="on-text">联系电话</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name10" type="number" placeholder="请输入联系电话" />
				</view>
			</view>
			<view class="item-title">
				诉求说明
			</view>
			<view class="item-5">
				<view class="">
					<u-input height="100%" :clearable="false" v-model="formData.remark" type="textarea"
						placeholder="请输入诉求" />
				</view>
			</view>
		</view>
		<view class="item-btn">
			<view class="btn">
				<text @tap="onSumbit">我要投资</text>
			</view>
		</view>
		<u-select v-model="cyShow" :list="list" @confirm="cyConfirm">
		</u-select>
		<u-picker v-model="dqShow" mode="region" @confirm="dqConfirm"></u-picker>
		<u-popup v-model="boxShow" mode="center" :border-radius="10" :mask-close-able="false">
			<view class="box">
				<view class="box-1">
					消息提示
				</view>
				<view class="box-2">
					我们在接到您的信息后将于24小时之内回复
				</view>
				<view class="box-3">
					<text @tap="onBoxBtn">我知道了</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				formData: {},
				cyShow: false,
				dqShow: false,
				boxShow: false,
				list: [{
						value: '1',
						label: '新医药产业'
					},
					{
						value: '2',
						label: '新材料产业'
					},
					{
						value: '3',
						label: '新能源和高端装备制造产业'
					},
					{
						value: '4',
						label: '新业态产业'
					},
					{
						value: '4',
						label: '其他'
					}
				]
			};
		},
		components: {},
		onLoad() {

		},
		methods: {
			cyConfirm(e) {
				this.formData.name3 = e[0].label
			},
			dqConfirm(e) {
				console.log(e)
				this.formData.name8 = `${e.province.label}${e.city.label}${e.area.label}`
			},
			onBoxBtn(){
				uni.switchTab({
					url:'/pages/tabBar/home/index'
				})
			},
			onSumbit(){
				this.boxShow = true
			}
		}
	};
</script>

<style lang="scss">
	@import './index.scss'
</style>
